<!DOCTYPE html>
<html lang="cn">
<head>
  <meta charset="UTF-8">
  <title>扫雷</title>
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
  <div id="startScreen" class="start-screen">
    <h1>扫雷</h1>
    <div class="welcome-text">
      <p class="welcome-line">欢迎来到扫雷世界</p>
      <p class="challenge-line">闯关人准备好了吗？</p>
    </div>
    <div class="difficulty-selection">
      <h2>选择难度</h2>
      <div class="difficulty-buttons">
        <button data-level="easy">初级</button>
        <button data-level="medium">中级</button>
        <button data-level="hard">高级</button>
      </div>
    </div>
    <button id="startGame" class="start-button">开始游戏</button>
  </div>

  <div id="mine" class="game-container" style="display: none;">
    <div class="game-header">
      <div class="game-title">
        <h2>扫雷</h2>
        <div class="game-subtitle">Minesweeper</div>
      </div>
      <div class="game-controls">
        <div class="level">
          <button class="active">初级</button>
          <button>中级</button>
          <button>高级</button>
          <button class="restart-btn">重新开始</button>
        </div>
        <div class="stats">
          <div class="stat-item">
            <span class="stat-label">时间</span>
            <span class="timer">0</span>
          </div>
          <div class="stat-item">
            <span class="stat-label">剩余雷数</span>
            <span class="mineNum">0</span>
          </div>
        </div>
      </div>
    </div>
    
    <div class="game-content">
      <div class="gameBox"></div>
      
      <div class="game-info">
        <div class="tips">Game Over!</div>
        <div class="stats-panel">
          <h3>游戏统计</h3>
          <div class="stats-content"></div>
        </div>
      </div>
    </div>

    <div class="game-footer">
      <div class="game-rules">
        <h3>游戏规则</h3>
        <ul>
          <li>左键点击：揭开方块</li>
          <li>右键点击：标记地雷</li>
          <li>数字表示周围8个格子中的地雷数量</li>
          <li>标记出所有地雷即可获胜</li>
        </ul>
      </div>
    </div>
  </div>

  <script src="js/index.js"></script>
</body>
</html>